<!DOCTYPE html>
<html>

<head>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="apple-touch-fullscreen" content="yes" />
    <meta name="format-detection" content="email=no" />
    <meta name="wap-font-scale" content="no" />
    <meta name="viewport" content="user-scalable=no, width=device-width" />
    <meta content="telephone=no" name="format-detection" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>页面标题</title>
    <meta name="keywords" content="页面关键字" />
    <meta name="description" content="页面描述" />
    <link href="./style/axui/css/ax.css" rel="stylesheet" type="text/css" />

    <link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css" />
    <link href="./style/css/base.css" rel="stylesheet" type="text/css" />
    <link href="./style/css/comm.css" rel="stylesheet" type="text/css" />
    <link href="./style/css/bilibili.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <!-- 头部样式 -->
    <div class="home">
        <header class="myHeader">
            <div class="headBack"></div>
            <div class="content">
                <div>
                    <nav>
                        <h1>
                            <a href="/" class="router-link-active pc"><img
                                    src="https://adyouyi.com/assets/img/logodingbu.svg" alt="logo" />
                                <!-- <P>证券代码：814618</P> -->
                            </a>
                            <a href="/" class="router-link-active wap"><img
                                    src="https://adyouyi.com/assets/img/logodingbu.svg" alt="logo" />
                                <!-- <P>证券代码：814618</P> -->
                            </a>
                        </h1>
                        <ul class="pc">
                            <li>
                                <a href="./index.html" target="_parent">首页<span></span></a>
                            </li>
                            <li>
                                <a href="./platform.html" target="_parent">游易平台<span style="display: none"></span></a>
                            </li>
                            <li class="relative">
                                <a href="#" target="_parent" class="advert">广告代理 <span style="display: none"></span>
                                </a>
                                <ul class="nav_ol">
                                    <li>
                                        <div class="tab">
                                            <div>
                                                <p>海外广告媒体</p>
                                                <div class="list">
                                                    <div>
                                                        <img src="./style/img/b-9.png" style="padding:9px 10px" />
                                                        <p>Google</p>
                                                    </div>
                                                    <div>
                                                        <img src="./style/img/6.png" />
                                                        <p>Meta</p>
                                                    </div>
                                                    <div>
                                                        <img src="./style/img/8.png" />
                                                        <p>Twitter</p>
                                                    </div>
                                                    <div>
                                                        <img src="./style/img/2.png" />
                                                        <p>TikTok</p>
                                                    </div>
                                                    <div>
                                                        <img src="./style/img/b-7.png" />
                                                        <p>Kwai</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div>
                                                <p>国内广告媒体</p>
                                                <div class="list">
                                                    <div>
                                                        <img src="./style/img/1.png" />
                                                        <p>bilibili</p>
                                                    </div>
                                                    <div>
                                                        <img src="./style/img/3.png" />
                                                        <p>快手短视频</p>
                                                    </div>
                                                    <div>
                                                        <img src="./style/img/7.png" />
                                                        <p>巨量</p>
                                                    </div>
                                                    <div>
                                                        <img src="./style/img/5.png" />
                                                        <p>广点通</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="./flowRealization.html">流量变现
                                    <span style="display: none"></span>
                                    <ul></ul>
                                </a>
                            </li>
                            <li>
                                <a href="./journalism.html" target="_parent">营销学堂<span style="display: none"></span></a>
                            </li>
                            <li>
                                <a href="./contactUs.html" target="_parent">联系我们 <span style="display: none"></span>
                                    <ul></ul>
                                </a>
                            </li>
                        </ul>
                    </nav>
                    <div class="right pc">
                        <ul>
                            <li>
                                <button><a href="./login.html" class="nav_ol_a" style="color: white;">登录</a></button>
                                <div style="display: none">
                                    <p></p>
                                    <img src=""
                                        alt="" />
                                    <div class="logout">
                                        <p>退出登录</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <button><a href="./login.html?type=reg" class="nav_ol_a"
                                        style="color: #3469f8;">注册</a></button>
                                <button style="display: none">进入管理中心</button>
                            </li>
                        </ul>
                    </div>
                </div>

                <div class="wap" id="menu_btn">
                    <img src="	https://adyouyi.com/assets/img/mobileOption.svg" alt="logo" />
                </div>
            </div>
            <div class="wap">
                <div class="wap-nav none">
                    <div class="content">
                        <ul>
                            <li>
                                <a href="./" target="_parent" style="color:#2256FF">首页

                                    <!---->
                                </a>
                            </li>
                            <li>
                                <a href="./platform.html" target="_parent">游易平台<span style="display: none"></span></a>
                            </li>
                            <!-- <li>
                                <span class="agent" style="cursor: pointer;">广告代理</span>
                                <ul class="agent_list">
                                    <li> <a href="/bilibili.html" class="">B站广告投放</a></li>
                                </ul>
                            </li> -->
                            <li>
                                <a href="/flowRealization.html" target="_parent">流量变现
                                    <span></span><span></span>
                                    <ul></ul>
                                </a>
                            </li>
                            <li>
                                <a href="./journalism.html" target="_parent">营销学堂<span style="display: none"></span></a>
                            </li>
                            <li>
                                <a href="./contactUs.html" target="_parent">联系我们 <span style="display: none"></span>
                                    <ul></ul>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </header>

        <div class="header ">
            <div>
                <div>
                    <h2>B站广告投放</h2>
                    <p> 在当下与未来与用户构建新型信任关系，帮助你获取 Z 世代年轻用户一站式营销解决方案，精准全面掌控广告效果！ </p>
                    <a class="pc" href="" onclick="openJesongChatByGroup(34436,50860);return false;">立即咨询</a>
                </div>
                <img data-v-5922667b="" src="https://adyouyi.com/assets/img/b_right.png" alt="">
            </div>
        </div>
    </div>
    <div class="bilibili-pc">
        <h2>B站多元营销一键三连</h2>
        <p>万物皆可B站，用视频连接用户，在当下与未来与用户构建新型信任关系</p>
        <div>
            <div class="left">
                <div class="phone-content">
                    <video class="phone-img" loop="loop" muted="muted" autoplay="autoplay"
                        src="https://adyouyi.com/assets/media/b_1_1.mp4"></video>
                    <video class="phone-img" loop="loop" muted="muted" autoplay="autoplay"
                        src="https://adyouyi.com/assets/media/b_1_2.mp4" style="display:none"></video>
                    <video class="phone-img" loop="loop" muted="muted" autoplay="autoplay"
                        src="https://adyouyi.com/assets/media/b_1_3.mp4" style="display:none"></video>
                    <video class="phone-img" loop="loop" muted="muted" autoplay="autoplay"
                        src="https://adyouyi.com/assets/media/b_1_4.mp4" style="display:none"></video>
                    <video class="phone-img" loop="loop" muted="muted" autoplay="autoplay"
                        src="https://adyouyi.com/assets/media/b_1_5.mp4" style="display:none"></video>
                </div>
                <div class="phone-content" style="display:none">
                    <video class="phone-img" loop="loop" muted="muted" autoplay="autoplay"
                        src="https://adyouyi.com/assets/media/b_2_1.mp4"></video>
                    <img src="https://adyouyi.com/assets/img/b_2_2.png" class="phone-img animations"
                        style="display:none">
                    <img src="https://adyouyi.com/assets/img/b_2_3.png" class="phone-img animations"
                        style="display:none">
                </div>
                <div class="phone-content" style="display:none">
                    <img src="https://adyouyi.com/assets/img/b_3_1.png" class="phone-img animations">
                    <img src="https://adyouyi.com/assets/img/b_3_2.png" class="phone-img animations"
                        style="display:none">
                    <img src="https://adyouyi.com/assets/img/b_3_3.png" class="phone-img animations"
                        style="display:none">
                </div>
            </div>
            <div class="right">
                <ul>
                    <li class="checked tab1" onmouseenter="tab('tab1')">品牌营销</li>
                    <li class="tab2" onmouseenter="tab('tab2')">效果营销</li>
                    <li class="tab3" onmouseenter="tab('tab3')">内容营销</li>
                </ul>
                <div class="content" id="content-list">
                    <ul>
                        <li class="card0 checked" onmouseenter="card('card0',5)">搜索品专</li>
                        <li class="card1" onmouseenter="card('card1',5)">开屏</li>
                        <li class="card2" onmouseenter="card('card2',5)">大视窗</li>
                        <li class="card3" onmouseenter="card('card3',5)">联动霸屏</li>
                        <li class="card4" onmouseenter="card('card4',5)">焦点图</li>
                    </ul>
                    <ul style="display:none">
                        <li class="card0 checked" onmouseenter="card('card0',3)">信息流大卡</li>
                        <li class="card1" onmouseenter="card('card1',3)">信息流小卡</li>
                        <li class="card2" onmouseenter="card('card2',3)">播放页推荐</li>
                    </ul>
                    <ul style="display:none">
                        <li class="card0 checked" onmouseenter="card('card0',3)">简单合作</li>
                        <li class="card1" onmouseenter="card('card1',3)">创作推广</li>
                        <li class="card2" onmouseenter="card('card2',3)">邀约广告</li>
                    </ul>
                    <p class="right-content">
                        <span>广告在APP打开时以原生形式出现在视频内容流场景，融入原生场景，结合用户兴趣呈现广告内容，支持站内外多种落地页形式，强势锁定新一代的注意力</span>
                        <span style="display:none">广告在APP打开时半屏/全屏展示，强视觉冲击强势锁定新一代的注意力</span>
                        <span style="display:none">超大尺寸信息流 X 动态视频 = 品牌吸睛神器</span>
                        <span style="display:none">超强曝光原生触达，赋予品牌信息更大的传递空间开屏与首页焦点联动，长达20秒的创意承载时间，抓人眼球</span>
                        <span style="display:none">首页大流量覆盖25%屏幕占比，充分展现品牌信息</span>
                    </p>
                    <p class="right-content" style="display:none">
                        <span>广告在APP打开时以原生形式出现在视频内容流场景，融入原生场景，结合用户兴趣呈现广告内容，支持站内外多种落地页形式，强势锁定新一代的注意力</span>
                        <span
                            style="display:none">广告在APP打开时以原生形式出现在视频内容流场景，融入原生场景，结合用户兴趣呈现广告内容，支持站内外多种落地页形式，强势锁定新一代的注意力</span>
                        <span style="display:none">融入播放页推荐视频，以原生形态自然呈现</span>
                    </p>
                    <p class="right-content" style="display:none">
                        <span>品牌诉求与UP主内容自然结合，渗透传播，触达粉丝</span>
                        <span style="display:none">对UP主商单视频进行定向流量推广，助燃优质商单视频获取更多曝光</span>
                        <span style="display:none">在UP主商单中增加强关联广告链接，实现后链路购买/下载转化闭环</span>
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div class="bilibili-mobile">
        <h2>B站多元营销一键三连</h2>
        <p>万物皆可B站，用视频连接用户，在当下与未来与用户构建新型信任关系</p>
        <ul>
            <li class="mobileTab0 checked" onclick="mobileTab('mobileTab0')"> 品牌营销 </li>
            <li class="mobileTab1" onclick="mobileTab('mobileTab1')"> 效果营销 </li>
            <li class="mobileTab2" onclick="mobileTab('mobileTab2')"> 内容营销 </li>
        </ul>
        <section>


            <div class="ying_sipder">
                <div id="ying_sipder" class="swiper-container">
                    <div class="swiper-wrapper" id="swiper-wrapper">
                        <div class="swiper-slide">
                            <div>
                                <h3>搜索品专</h3>
                                <p>广告在APP打开时以原生形式出现在视频内容流场景，融入原生场景，结合用户兴趣呈现广告内容，支持站内外多种落地页形式，强势锁定新一代的注意力</p>
                            </div>
                            <video loop="loop" muted="muted" autoplay="autoplay"
                                src="https://adyouyi.com/assets/media/b_1_1.mp4"></video>
                        </div>
                        <div class="swiper-slide">
                            <div>
                                <h3>开屏</h3>
                                <p>广告在APP打开时半屏/全屏展示，强视觉冲击强势锁定新一代的注意力</p>
                            </div>
                            <video loop="loop" muted="muted" autoplay="autoplay"
                                src="https://adyouyi.com/assets/media/b_1_2.mp4"></video>
                        </div>
                        <div class="swiper-slide">
                            <div>
                                <h3>大视窗</h3>
                                <p>超大尺寸信息流 X 动态视频 = 品牌吸睛神器</p>
                            </div>
                            <video loop="loop" muted="muted" autoplay="autoplay"
                                src="https://adyouyi.com/assets/media/b_1_3.mp4"></video>
                        </div>
                        <div class="swiper-slide">
                            <div>
                                <h3>联动霸屏</h3>
                                <p>超强曝光原生触达，赋予品牌信息更大的传递空间开屏与首页焦点联动，长达20秒的创意承载时间，抓人眼球</p>
                            </div>
                            <video loop="loop" muted="muted" autoplay="autoplay"
                                src="https://adyouyi.com/assets/media/b_1_4.mp4"></video>
                        </div>
                        <div class="swiper-slide">
                            <div>
                                <h3>焦点图</h3>
                                <p>首页大流量覆盖25%屏幕占比，充分展现品牌信息</p>
                            </div>
                            <video loop="loop" muted="muted" autoplay="autoplay"
                                src="https://adyouyi.com/assets/media/b_1_5.mp4"></video>
                        </div>
                    </div>
                </div>
            </div>
    </div>
    </div>
    </section>
    </div>
    <div class="bilibili-section">
        <h2>选择B站营销的理由</h2>
        <p>帮助你获取 Z 世代年轻用户一站式营销解决方案</p>
        <ul>
            <li><img src="https://adyouyi.com/assets/img/marketingReason_1.png" alt="引爆流行">
                <h5>引爆流行</h5>
                <p>通过IP内容与UP主合作广泛发酵，帮助品牌建立内容传播链路</p>
            </li>
            <li><img src="https://adyouyi.com/assets/img/marketingReason_2.png" alt="新一代之选">
                <h5>新一代之选</h5>
                <p>1.2 亿活跃用户，位居 Z 世代用户偏爱APP榜首，用户的月均使用次数和时长位居第一</p>
            </li>
            <li><img src="https://adyouyi.com/assets/img/marketingReason_3.png" alt="高黏性">
                <h5>高黏性</h5>
                <p>新一代都爱黏在这里，结合B站内容兴趣大数据，支持多维度定向</p>
            </li>
        </ul><a class="pc" onclick="openJesongChatByGroup(34436,50860);return false;"><button type="button"
                class="el-button el-button--primary"><!----><!----><span>免费咨询体验</span></button>
            </a>
            <a class="mobile" onclick="openJesongChatByGroup(34436,50860);return false;"><button type="button"
                class="el-button el-button--primary"><!----><!----><span>免费咨询体验</span></button>
            </a>
    </div>
    <div class="Vue_box_7">
        <div class="Vue_box_7_box">
            <h3>营销学院</h3>
            <p>为各行各业创造更大价值</p>
            <div class="row-bg el-row">
                <div class="el-col" style="padding-left: 15px; padding-right: 15px;">
                    <div class="bor_der">
                        <div class="title">
                            <p>游易动态</p>
                        </div>
                        <div class="center">
                            <ul>
                                <li>
                                    <a href="/portal/article/news_detail/id/6340.html">
                                        <p>关于近期有冒充我司品牌进行非法活动的严正声明！</p>
                                        <p>2022-01-12</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="/portal/article/news_detail/id/6186.html">
                                        <p>游易官网域名更新啦！</p>
                                        <p>2021-12-03</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="/portal/article/news_detail/id/5944.html">
                                        <p>热烈欢迎贵州市黔东南州人民政府成都办事处领导莅临我司考察调研</p>
                                        <p>2021-09-17</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="/portal/article/news_detail/id/5910.html">
                                        <p>游易集团获批在天府（四川）联合股权交易中心挂牌</p>
                                        <p>2021-09-13</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="/portal/article/news_detail/id/5863.html">
                                        <p>维护通知</p>
                                        <p>2021-08-31</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="el-col" style="padding-left: 15px; padding-right: 15px;">
                    <div class="bor_der">
                        <div class="title">
                            <p style="opacity: 0;">行业动态</p>
                        </div>
                        <div class="center">
                            <ul>
                                <li>
                                    <a href="/portal/article/news_detail/id/5820.html">
                                        <p>微信App新增支持切换2个以上帐号</p>
                                        <p>2021-08-17</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="/portal/article/news_detail/id/5759.html">
                                        <p>腾讯推出游戏未保“双减双打”新措施，倡议全行业讨论对12岁以下小学生禁游</p>
                                        <p>2021-08-04</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="/portal/article/news_detail/id/5753.html">
                                        <p>QQ浏览器上线“直达”功能</p>
                                        <p>2021-08-03</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="/portal/article/news_detail/id/5749.html">
                                        <p>Facebook旗下短视频平台推出60秒视频功能</p>
                                        <p>2021-08-02</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="/portal/article/news_detail/id/5740.html">
                                        <p>工信部通报14款App开屏弹窗信息整改不到位</p>
                                        <p>2021-07-29</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="result" class="result">
        <div class="content">
            <h3>
                真实的推广效果
                <p>借鉴成功经验，助力有效推广，成为成功案例中的一员</p>
            </h3>
            <div class="lanternSlide">
                <div class="swiper" style="height: 500px;">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide swiper-no-swiping">
                            <ul class="content">
                                <li>
                                    <header>
                                        <h4>中国联通</h4>
                                        <p>
                                            中国联通×2233小电视IP联名卡，是中国联通与B站官方共同打造的系列免流卡，贴合B站社区生态和用户需求，此款联名卡一直深受B站用户追捧和喜爱。
                                        </p>
                                    </header>
                                    <div>
                                        <h3>
                                            450 <span>W+</span>
                                            <p class="pc">页面pv</p>
                                        </h3>
                                        <h3>
                                            56.5<span>%</span>
                                            <p class="pc">转化率</p>
                                        </h3>
                                    </div>
                                </li>
                                <li>
                                    <img src="https://adyouyi.com/assets/img/Bresult_1.png" alt="" />
                                </li>
                            </ul>
                        </div>
                        <div class="swiper-slide swiper-no-swiping">
                            <ul class="content">
                                <li>
                                    <header>
                                        <h4>锦官儿童口腔</h4>
                                        <p>
                                            标题&素材凸显B站风格，在品牌形象和客户产品的结合上，打破了原有广告单调的推广形式，提高点击率
                                        </p>
                                    </header>
                                    <div>
                                        <h3>
                                            160 <span>%</span>
                                            <p class="pc">喜好度增加</p>
                                        </h3>
                                        <h3>
                                            505 <span>w+</span>
                                            <p class="pc">曝光量</p>
                                        </h3>
                                    </div>
                                </li>
                                <li>
                                    <img src="https://adyouyi.com/assets/img/Bresult_2.png" alt="" />
                                </li>
                            </ul>
                        </div>
                        <div class="swiper-slide swiper-no-swiping">
                            <ul class="content">
                                <li>
                                    <header>
                                        <h4>美呗医美</h4>
                                        <p>
                                            美呗作为科学医美严选品牌，分析用户核心需求点，结合自身优势因素，多维度制作撰写创意，提升活动计划整体点击。
                                        </p>
                                    </header>
                                    <div>
                                        <h3>
                                            775 <span>W+</span>
                                            <p class="pc">曝光量</p>
                                        </h3>
                                        <h3>
                                            100 <span>W+</span>
                                            <p class="pc">点击量</p>
                                        </h3>
                                    </div>
                                </li>
                                <li>
                                    <img src="https://adyouyi.com/assets/img/Bresult_3.png" alt="" />
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- 如果需要分页器 -->
                    <div class="swiper-pagination"></div>

                    <!-- 如果需要导航按钮 -->
                    <!-- 如果需要滚动条 -->
                </div>
            </div>

            <!-- 导航等组件可以放在Swiper容器之外 -->
        </div>
    </div>
    <div class="home" id="footer">
        <footer class="footer_pc footer footer_bg">
            <h3 class="footer_header"> 联系我们
                <p>将为您提供专业的广告投放指导服务</p>
            </h3>
            <div>
                <ul>
                    <li>
                        <div class="el-input"><input type="text" autocomplete="off" placeholder="请输入企业名称"
                                class="el-input__inner" </div>
                            <p class="Hint" style="display: none;"> 请输入正确的企业名称 </p>
                    </li>
                    <li>
                        <div class="el-input"><input type="text" autocomplete="off" placeholder="请输入您的姓名"
                                class="el-input__inner">
                        </div>
                        <p class="Hint" style="display: none;">请输入正确的联系人</p>
                    </li>
                    <li>
                        <div class="el-input"><input type="text" autocomplete="off" placeholder="请输入您的手机号码"
                                class="el-input__inner">
                        </div>
                        <p class="Hint" style="display: none;">请输入正确的手机号</p>
                    </li>
                    <li>
                        <div class="el-input" id="cascader"></div>
                    </li>
                    <li>
                        <div class="el-input">
                            <select class="el-select" id="operate" placeholder="请选择行业" onchange="selectStages()">
                                <option value="">请选择行业</option>
                                <option value="北京">北京</option>
                                <option value="上海">上海</option>
                                <option value="重庆">重庆</option>
                            </select>
                        </div>
                    </li>
                    <li>
                        <div class="el-textarea">
                            <textarea autocomplete="off" placeholder="推广产品介绍" class="el-textarea__inner"
                                style="resize: none; min-height: 159px; height: 159px;"></textarea>
                        </div>
                        <p class="Hint" style="display: none;">请输入推广产品介绍</p>
                    </li>
                </ul>
            </div>
            <div class="btn">
                <button type="button" class="el-button el-button--primary"><span>立即提交</span></button>
            </div>
            
            <div class="content">Copyright @ 成都有联网络传媒有限公司 <a data-v-28ecc88a=""
                    href="https://beian.miit.gov.cn">蜀ICP备2021029925号</a></div>
        </footer>
        <footer class="footer_mobile footer footer_bg">
            <div class="content">
                <h3> 联系我们
                    <p>将为您提供专业的广告投放指导服务</p>
                </h3>
                <div>
                    <ul>
                        <li>
                            <div class="el-input"><input type="text" autocomplete="off" placeholder="请输入企业名称"
                                    class="el-input__inner"></div>
                            <p class="Hint" style="display: none;"> 请输入正确的企业名称 </p>
                        </li>
                        <li>
                            <div class="el-input"><input type="text" autocomplete="off" placeholder="请输入您的姓名"
                                    class="el-input__inner"></div>
                            <p class="Hint" style="display: none;">请输入正确的联系人</p>
                        </li>
                        <li>
                            <div class="el-input"><input type="text" autocomplete="off" placeholder="请输入您的手机号码"
                                    class="el-input__inner"></div>
                            <p class="Hint" style="display: none;">请输入正确的手机号</p>
                        </li>
                        <li>
                            <div class="el-input">
                                <input name="username" placeholder="请点击选择..." type="text" id="car1">
                            </div>
                        </li>
                        <li>
                            <div class="el-input">
                                <select class="el-select" id="operate-1" placeholder="请选择行业" onchange="selectStages()">
                                    <option value="">请选择行业</option>
                                    <option value="北京">北京</option>
                                    <option value="上海">上海</option>
                                    <option value="重庆">重庆</option>
                                </select>
                            </div>
                        </li>
                        <li>
                            <div class="el-textarea"><textarea autocomplete="off" placeholder="推广产品介绍"
                                    class="el-textarea__inner"
                                    style="resize: none; min-height: 159px; height: 159px;"></textarea></div>
                            <p class="Hint" style="display: none;">请输入推广产品介绍</p>
                        </li>
                    </ul>
                </div>
                <footer><button type="button" class="el-button el-button--primary"><span>立即提交</span></button></footer>
            </div>
            
        </footer>
      
    </div>
    </div>
    </footer>
    </div>

    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
    <!-- 粒子效果 -->





    <!--  -->
    <!-- <script src="https://cdn.bootcdn.net/ajax/libs/Swiper/8.4.5/swiper-bundle.esm.browser.js"></script> -->
    <!-- first include tsParticles engine -->
    <script src="https://cdn.jsdelivr.net/npm/tsparticles-engine"></script>

    <!-- then include any tsParticles plugin needed -->
    <!-- <script src="https://cdn.jsdelivr.net/npm/tsparticles/tsparticles.bundle.min.js"></script> -->

    <!-- then include jquery wrapper -->
    <!-- <script src="https://cdn.jsdelivr.net/npm/jquery-particles"></script> -->

    <script src="../../style/js/axui.js   " type="text/javascript"></script>
    <script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>
    <script src="./style/js/bilibili.js" type="text/javascript" charset="utf-8"></script>
    <script src="./style/js/packagingFunction.js" type="text/javascript" charset="utf-8"></script>
    <script>
        selectStages()
        function selectStages(value) {
            if (document.body.clientWidth >= 1200) {
                var selectNodesObj = document.getElementById('operate');

            } else {
                var selectNodesObj = document.getElementById('operate-1');
            }
            var selIndex = selectNodesObj.selectedIndex;     //获取当前选择的选项的index值
            var selValue = selectNodesObj.options[selIndex].value; //获取当前选择项的值
            if (selValue) {
                selectNodesObj.style.color = document.body.clientWidth >= 1200 ? "rgba(255, 255, 255, 1)" : 'rgb(112, 115, 121)'
            } else {
                selectNodesObj.style.color = document.body.clientWidth >= 1200 ? 'rgb(95,97,95)' : 'rgb(126, 129, 134)'

            }
        }
        var cascader = new Cascader({
            container: '#cascader',
            width: 228,
            callback: function (data) {
                // {
                //   data: [{className: 'sichuan', value: '四川省', child: Array(1)}, {className: 'chengdu', value: '成都市', child: Array(6)}, {className: '', value: '高新区'}],
                //   value: "四川省/成都市/高新区"
                // }
                console.log(data);
            },
            defaultValue: '', //string:   or array: [0, 0, 0]
            data: [{
                className: 'sichuan',
                value: '四川省',
                child: [{
                    className: 'chengdu',
                    value: '成都市',
                    child: [{
                        className: '',
                        value: '金牛区'
                    }, {
                        className: '',
                        value: '成华区'
                    }, {
                        className: '',
                        value: '锦江区'
                    }, {
                        className: '',
                        value: '高新区'
                    }, {
                        className: '',
                        value: '青羊区'
                    }, {
                        className: '',
                        value: '武侯区',
                        child: [{
                            className: '',
                            value: '桂溪街道办'
                        }]
                    }]
                }]
            }, {
                className: 'yunnan',
                value: '云南省',
                child: [{
                    className: '',
                    value: '丽江市',
                    child: [{
                        className: '',
                        value: '古城区'
                    }]
                }]
            }, {
                className: 'jiangsu',
                value: '江苏省',
                child: [{
                    className: '',
                    value: '南京市'
                }]
            }, {
                className: 'guangdong',
                value: '广东省',
                child: [{
                    className: '',
                    value: '广州市',
                    child: [{
                        className: '',
                        value: '荔湾区'
                    }, {
                        className: '',
                        value: '越秀区'
                    }]
                }, {
                    className: '',
                    value: '深圳市',
                    child: [{
                        className: '',
                        value: '南山区'
                    }, {
                        className: '',
                        value: '光明区'
                    }]
                }]
            }, {
                className: 'ningxia',
                value: '广西壮族自治区',
                child: [{
                    className: '',
                    value: '南宁市'
                }]
            }]
        });

        cascader.init(); //reset()  current()
    </script>
    <script type="text/javascript">
        /* ---- particles.js config ---- */




        //  头部相关js
        window.addEventListener(
            "scroll",
            function () {
                setHead();
            },
            true
        );

        document.addEventListener("DOMContentLoaded", function () {
            setHead();
            var mySwiper1 = new Swiper(".swiper", {
                pagination: {
                    el: ".swiper-pagination",
                    bulletClass: "my-bullet", //需设置.my-bullet样式
                    bulletActiveClass: "my-bullet-active",
                    clickable: true,
                },
                clickable: true,
                loop: true, //环路，让Swiper看起来是循环的
                noSwiping: true,
                speed: 300, //速度、
                autoplay: true, //自动切换
                autoplay: {
                    delay: 3000, //自动切换的时间间隔，单位ms
                    disableOnInteraction: false, //用户操作swiper之后，是否禁止autoplay
                },
                centeredSlides: true,
                noSwiping: true, //设为true时，可以在slide上（或其他元素）增加类名'swiper-no-swiping'，使该slide无法拖动
                slidesPerView: "auto", //设置slider容器能够同时显示的slides数量
                observeParents: true, //当Swiper的父元素变化时Swiper更新。
                slideToClickedSlide: true,
                centeredSlides: true, //设定为true时，active slide会居中，而不是默认状态下的居左。
                spaceBetween: -5,
                breakpoints: {
                    1200: {
                        spaceBetween: 30,
                        slidesPerView: "auto",
                    },
                },
            });
        });
        $("#menu_btn").click(function (event) {
            event.stopPropagation();
            $(".wap-nav").addClass("block");
        });
        $(".agent").click(function () {
            // console.log($(".agent>ul"));
            $(".agent_list").toggleClass("showItem");
        });

        $(".wap-nav").click(function (event) {
            event.stopPropagation();
            if (event.target == this) {
                $(this).removeClass("block");
            }
        });

        $('body').click(() => {
            $(".wap-nav").removeClass("block");
            $(".wap-nav").addClass("none");
        })

        function setHead() {
            if (window.pageYOffset) {
                $(".headBack").addClass("trueHeader");
            } else {
                $(".headBack").removeClass("trueHeader");
            }
        }
        //   头部相关js 结束

        // 轮播图
    </script>
</body>

</html>